<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

<!-- Meta Images -->
<!-- Title and External Script Integration -->
<title>MAGICALBOY</title>

<!-- Stylesheets -->

<link media="screen" type="text/css" href="css/style.css" rel="stylesheet">
<style type="text/css"></style>

<!-- Wordpress Stuff -->
<meta content="magicalboy" name="generator">
</head>
<body class="home blog">
<div class="fix" id="page">
  <div class="fix" id="wrapper">
    <div class="fix" id="header">
      <h1 id="blogtitle"><a href="/"><span class="sheen"></span>MAGICALBOY</a></h1>
      <div id="blogdescription">关注互联网，热爱生活</div>
      <!-- iphone icons -->
      <div class="icons">
        <div class="nav-icon"> <a href="http://wp-themes.com/?feed=rss2"><img alt="icon" src="http://wp-themes.com/wp-content/themes/iblog/images/iphone/rss.png" class="pngbg"></a> </div>
      </div>
      <!-- /end iphone icons --> 
    </div>
    <!-- /header -->
    <div class="fix" id="nav">
      <ul class="fix homebutton">
        <li class="page_item navfirst"> <a style="background-image: url('http://wp-themes.com/wp-content/themes/iblog/images/home-icon-trans.png');" title="Home" href="http://wp-themes.com/" class="home"> Home </a> </li>
      </ul>
      <div class="mnav dropdown fix">
        <ul>
		  <li class="page_item page-item-46"><a title="Parent Page" href="#">iOS</a>
          </li>
          <li class="page_item page-item-2"><a title="About" href="/about">关于</a></li>
        </ul>
      </div>
      <form action="http://wp-themes.com/" class="searchform" method="get">
        <span class="left"></span>
        <input type="text" onblur="if (this.value == '') {this.value = 'Search';}" onfocus="if (this.value == 'Search') {this.value = '';}" class="s" name="s" value="Search">
        <span class="right"></span>
        <input type="submit" value="Go" class="searchsubmit">
      </form>
      <div class="clear"></div>
    </div>
    <!-- /nav -->
    
    <div class="fix " id="container"> 
      <!-- Code for subnav if pages have parents.. -->
      
      <div id="maincontent">
        <div id="content">
          <div class="postwrap fix">
            <div id="post-19" class="post-19 post type-post status-publish format-standard hentry category-uncategorized tag-boat tag-lake">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to Worth A Thousand Words" rel="bookmark" href="http://wp-themes.com/?p=19">即将逝去的青春</a></h2>
                      <div class="metabar"> <em> On May 8, 2011, 
                        in <a rel="category" title="View all posts in Uncategorized" href="http://wp-themes.com/?cat=1">生活</a>, 
                        by Donly </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <div style="width: 445px" class="wp-caption alignnone"><img width="435" height="288" title="逝去的青春" src="images/young.jpg" alt="Boat">
                    <p class="wp-caption-text">逝去的青春</p>
                  </div>
                  <p>逝去的青春.</p>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>0</span> <a title="View Comments" href="http://wp-themes.com/?p=19#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=19#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> Tagged with: <a rel="tag" href="http://wp-themes.com/?tag=boat">boat</a> • <a rel="tag" href="http://wp-themes.com/?tag=lake">lake</a>&nbsp; </div>
          <div class="clear"></div>
          <div class="postwrap fix">
            <div id="post-36" class="post-36 post type-post status-publish format-standard hentry category-uncategorized">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to Elements" rel="bookmark" href="http://wp-themes.com/?p=36">Elements</a></h2>
                      <div class="metabar"> <em> On September 5, 2008, 
                        in <a rel="category" title="View all posts in Uncategorized" href="http://wp-themes.com/?cat=1">Uncategorized</a>, 
                        by Theme Admin </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <p><!-- Sample Content to Plugin to Template --></p>
                  <p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
                  <hr>
                  <h1>Heading 1</h1>
                  <h2>Heading 2</h2>
                  <h3>Heading 3</h3>
                  <h4>Heading 4</h4>
                  <h5>Heading 5</h5>
                  <h6>Heading 6</h6>
                  <p><small><a href="#wrapper">[top]</a></small></p>
                  <hr>
                  <h2 id="paragraph">Paragraph</h2>
                  <p>Lorem ipsum dolor sit amet, <a title="test link" href="#">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
                  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
                  <p><small><a href="#wrapper">[top]</a></small></p>
                  <hr>
                  <h2 id="list_types">List Types</h2>
                  <h3>Definition List</h3>
                  <dl>
                    <dt>Definition List Title</dt>
                    <dd>This is a definition list division.</dd>
                  </dl>
                  <h3>Ordered List</h3>
                  <ol>
                    <li>List Item 1</li>
                    <li>List Item 2</li>
                    <li>List Item 3</li>
                  </ol>
                  <h3>Unordered List</h3>
                  <ul>
                    <li>List Item 1</li>
                    <li>List Item 2</li>
                    <li>List Item 3</li>
                  </ul>
                  <p><small><a href="#wrapper">[top]</a></small></p>
                  <hr>
                  <h2 id="form_elements">Forms</h2>
                  <fieldset>
                    <legend>Legend</legend>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
                    <form>
                      <h2>Form Element</h2>
                      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p>
                      <p>
                        <label for="text_field">Text Field:</label>
                      </p>
                      <input type="text" id="text_field">
                      <p>
                        <label for="text_area">Text Area:</label>
                        <br>
                        <textarea id="text_area"></textarea>
                      </p>
                      <p>
                        <label for="select_element">Select Element:</label>
                      </p>
                      <select name="select_element">
                        <optgroup label="Option Group 1">
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                        <option value="3">Option 3</option>
                        </optgroup>
                        <optgroup label="Option Group 2">
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                        <option value="3">Option 3</option>
                        </optgroup>
                      </select>
                      <p></p>
                      <p>
                        <label for="radio_buttons">Radio Buttons:</label>
                      </p>
                      <input type="radio" value="radio_1" name="radio_button" class="radio">
                      Radio 1<br>
                      <p></p>
                      <input type="radio" value="radio_2" name="radio_button" class="radio">
                      Radio 2<br>
                      <p></p>
                      <input type="radio" value="radio_3" name="radio_button" class="radio">
                      Radio 3<br>
                      <p></p>
                      <p>
                        <label for="checkboxes">Checkboxes:</label>
                      </p>
                      <input type="checkbox" value="check_1" name="checkboxes" class="checkbox">
                      Radio 1<br>
                      <p></p>
                      <input type="checkbox" value="check_2" name="checkboxes" class="checkbox">
                      Radio 2<br>
                      <p></p>
                      <input type="checkbox" value="check_3" name="checkboxes" class="checkbox">
                      Radio 3<br>
                      <p></p>
                      <p>
                        <label for="password">Password:</label>
                      </p>
                      <input type="password" name="password" class="password">
                      <p>
                        <label for="file">File Input:</label>
                      </p>
                      <input type="file" name="file" class="file">
                      <p>
                        <input type="reset" value="Clear" class="button">
                        <input type="submit" value="Submit" class="button">
                      </p>
                    </form>
                  </fieldset>
                  <p><small><a href="#wrapper">[top]</a></small></p>
                  <hr>
                  <h2 id="tables">Tables</h2>
                  <table cellspacing="0" cellpadding="0">
                    <tbody>
                      <tr>
                        <th>Table Header 1</th>
                        <th>Table Header 2</th>
                        <th>Table Header 3</th>
                      </tr>
                      <tr>
                        <td>Division 1</td>
                        <td>Division 2</td>
                        <td>Division 3</td>
                      </tr>
                      <tr class="even">
                        <td>Division 1</td>
                        <td>Division 2</td>
                        <td>Division 3</td>
                      </tr>
                      <tr>
                        <td>Division 1</td>
                        <td>Division 2</td>
                        <td>Division 3</td>
                      </tr>
                    </tbody>
                  </table>
                  <p><small><a href="#wrapper">[top]</a></small></p>
                  <hr>
                  <h2 id="misc">Misc Stuff &ndash; abbr, acronym, pre, code, sub, sup, etc.</h2>
                  <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
                  <pre>

Lorem ipsum dolor sit amet,
 consectetuer adipiscing elit.
 Nullam dignissim convallis est.
 Quisque aliquam. Donec faucibus.
Nunc iaculis suscipit dui.
Nam sit amet sem.
Aliquam libero nisi, imperdiet at,
 tincidunt nec, gravida vehicula,
 nisl.
Praesent mattis, massa quis
luctus fermentum, turpis mi
volutpat justo, eu volutpat
enim diam eget metus.
Maecenas ornare tortor.
Donec sed tellus eget sapien
 fringilla nonummy.
<acronym title="National Basketball Association">NBA</acronym>
Mauris a ante. Suspendisse
 quam sem, consequat at,
commodo vitae, feugiat in,
nunc. Morbi imperdiet augue
 quis tellus.
<abbr title="Avenue">AVE</abbr>
</pre>
                  <blockquote>
                    <p> "This stylesheet is going to help so freaking much." <br>
                      -Blockquote </p>
                  </blockquote>
                  <p><small><a href="#wrapper">[top]</a></small><br>
                    <!-- End of Sample Content --></p>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>0</span> <a title="View Comments" href="http://wp-themes.com/?p=36#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=36#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> &nbsp; </div>
          <div class="clear"></div>
          <div class="postwrap fix">
            <div id="post-14" class="post-14 post type-post status-publish format-standard hentry category-uncategorized tag-wordpress">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to More Tags" rel="bookmark" href="http://wp-themes.com/?p=14">More Tags</a></h2>
                      <div class="metabar"> <em> On June 21, 2008, 
                        in <a rel="category" title="View all posts in Uncategorized" href="http://wp-themes.com/?cat=1">Uncategorized</a>, 
                        by Theme Admin </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <p>More of these posts need tags.</p>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>0</span> <a title="View Comments" href="http://wp-themes.com/?p=14#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=14#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> Tagged with: <a rel="tag" href="http://wp-themes.com/?tag=wordpress">wordpress</a>&nbsp; </div>
          <div class="clear"></div>
          <div class="postwrap fix">
            <div id="post-8" class="post-8 post type-post status-publish format-standard hentry category-uncategorized tag-html tag-wordpress">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to HTML" rel="bookmark" href="http://wp-themes.com/?p=8">HTML</a></h2>
                      <div class="metabar"> <em> On June 21, 2008, 
                        in <a rel="category" title="View all posts in Uncategorized" href="http://wp-themes.com/?cat=1">Uncategorized</a>, 
                        by Theme Admin </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <p>What HTML tags would you like to see?</p>
                  <p>Let's start with an unordered list:</p>
                  <ul>
                    <li>One</li>
                    <li>Two</li>
                    <li>Three</li>
                    <li>Four</li>
                  </ul>
                  <p>And then move on to a more interesting ordered list:</p>
                  <ol>
                    <li>one, two
                      <ol>
                        <li>buckle my shoe</li>
                      </ol>
                    </li>
                    <li>three, four
                      <ol>
                        <li>knock at the door</li>
                      </ol>
                    </li>
                    <li>Five, six
                      <ol>
                        <li>pick up sticks</li>
                      </ol>
                    </li>
                    <li>Seven, eight, lay them straight
                      <ol>
                        <li>Nine, ten, a big fat hen</li>
                        <li>Eleven, twelve, dig and delve</li>
                        <li>Thirteen, fourteen, maids a'courting</li>
                        <li>Fifteen, sixteen, maids in the kitchen</li>
                        <li>Seventeen, eighteen, maids a'waiting</li>
                        <li>Nineteen, twenty, my platter's empty …</li>
                      </ol>
                    </li>
                  </ol>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>1</span> <a title="View Comments" href="http://wp-themes.com/?p=8#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=8#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> Tagged with: <a rel="tag" href="http://wp-themes.com/?tag=html">html</a> • <a rel="tag" href="http://wp-themes.com/?tag=wordpress">wordpress</a>&nbsp; </div>
          <div class="clear"></div>
          <div class="postwrap fix">
            <div id="post-6" class="post-6 post type-post status-publish format-standard hentry category-uncategorized">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to Links" rel="bookmark" href="http://wp-themes.com/?p=6">Links</a></h2>
                      <div class="metabar"> <em> On June 20, 2008, 
                        in <a rel="category" title="View all posts in Uncategorized" href="http://wp-themes.com/?cat=1">Uncategorized</a>, 
                        by Theme Admin </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <p>A few well known WordPress links: <a href="http://wordpress.org/">WordPress.org</a>, <a href="http://codex.wordpress.org/Main_Page">the Codex</a> and <a href="http://wordpress.org/download/">the download page</a>.</p>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>0</span> <a title="View Comments" href="http://wp-themes.com/?p=6#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=6#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> &nbsp; </div>
          <div class="clear"></div>
          <div class="postwrap fix">
            <div id="post-4" class="post-4 post type-post status-publish format-standard hentry category-first-child-category category-one-grandchild-category category-parent category-second-child-category">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to Category Hierarchy" rel="bookmark" href="http://wp-themes.com/?p=4">Category Hierarchy</a></h2>
                      <div class="metabar"> <em> On June 20, 2008, 
                        in <a rel="category" title="View all posts in First Child Category" href="http://wp-themes.com/?cat=6">First Child Category</a>, <a rel="category" title="View all posts in One Grandchild Category" href="http://wp-themes.com/?cat=8">One Grandchild Category</a>, <a rel="category" title="View all posts in Parent" href="http://wp-themes.com/?cat=5">Parent</a>, <a rel="category" title="View all posts in Second Child Category" href="http://wp-themes.com/?cat=7">Second Child Category</a>, 
                        by Theme Admin </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <p>This post has 4 categories, part of a hierarchy that is 3 deep.</p>
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce euismod commodo ante. Suspendisse potenti. Nunc pellentesque quam vel pede. Ut a lorem non urna molestie euismod. Fusce consequat tortor eu urna. Pellentesque aliquam, pede eget tincidunt feugiat, nunc massa hendrerit magna, non ultricies neque lectus nec dui. In hac habitasse platea dictumst. Sed feugiat quam eget lectus. Fusce at pede. Morbi sagittis tristique tortor. Sed erat justo, blandit ac, dignissim in, pretium ut, urna.</p>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>0</span> <a title="View Comments" href="http://wp-themes.com/?p=4#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=4#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> &nbsp; </div>
          <div class="clear"></div>
          <div class="postwrap fix">
            <div id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
              <div class="copy fix">
                <div class="post-header fix post-nothumb">
                  <div class="post-title-section fix">
                    <div class="post-title fix">
                      <h2><a title="Permanent Link to Hello world!" rel="bookmark" href="http://wp-themes.com/?p=1">Hello world!</a></h2>
                      <div class="metabar"> <em> On June 4, 2008, 
                        in <a rel="category" title="View all posts in Uncategorized" href="http://wp-themes.com/?cat=1">Uncategorized</a>, 
                        by Theme Admin </em> </div>
                    </div>
                  </div>
                  <!--/post-title --> 
                  
                </div>
              </div>
              <div class="copy fix">
                <div class="textcontent">
                  <p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
                  <div class="clear"></div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="hl"></div>
              <div class="post-footer">
                <div class="left"> <span>2</span> <a title="View Comments" href="http://wp-themes.com/?p=1#comments">Comments</a> </div>
                <div class="right"> <span> <a href="http://wp-themes.com/?p=1#respond"> Leave A Response </a> </span> </div>
                <br class="fix">
              </div>
            </div>
            <!--post --> 
            
          </div>
          <div class="tags"> &nbsp; </div>
          <div class="clear"></div>
        </div>
        <!-- end content --> 
      </div>
      <div class="fix" id="sidebar">
        <div class="fix" id="welcome">
          <div class="welcometext">
            <h3 class="greeting">Welcome</h3>
            <div class="welcomemessage">这里是Donly Chan的个人Blog，欢迎访问和留言！</div>
            <div class="twitter"> " 微博接口开发中，敬请期待！" &mdash;&nbsp;<a href="http://www.twitter.com/UrTweetAccount">@donlychan</a> </div>
            <div class="clear"></div>
          </div>
        </div>
        
        <!--sidebox start -->
        <div class="widget_categories widget" id="dcategories">
          <div class="winner">
            <h3 class="wtitle">最新文章</h3>
            <ul>
              <li class="cat-item cat-item-6"><a title="/">即将逝去的青春</a> </li>
            </ul>
          </div>
        </div>
        <!--sidebox end --> 
        
        <!--sidebox start -->
        <div class="widget_archive widget" id="darchive">
          <div class="winner">
            <h3 class="wtitle">最新留言</h3>
            <ul>
              <li><a title="October 2008" href="#">暂无</a></li>
            </ul>
          </div>
        </div>
        <!--sidebox end --> 
        
        <!--sidebox start -->
        <div class="widget_tags widget" id="dtags">
          <div class="winner">
            <h3 class="wtitle">标签</h3>
            <ul>
              <a style="font-size: 8pt;" title="1 topic" class="tag-link-12" href="#">iOS</a> <a style="font-size: 8pt;" title="1 topic" class="tag-link-9" href="#">青春</a> <a style="font-size: 8pt;" title="1 topic" class="tag-link-13" href="#">生活</a> <a style="font-size: 17pt;" title="2 topics" class="tag-link-10" href="#">magicalboy</a>
            </ul>
          </div>
        </div>
        <!--sidebox end --> 
        
        <!--sidebox start -->
        <div class="widget_links widget" id="dlinks">
          <div class="winner">
            <h3 class="wtitle">链接</h3>
            <ul>
              <li><a href="http://www.magicalboy.com/">MAGICALBOY</a></li>
              <li><a href="http://www.google.com/ncr">Google</a></li>
            </ul>
          </div>
        </div>
        <!--sidebox end --> 
      </div>
      <!--/sidebar --> 
    </div>
    <div class="clear"></div>
    <div id="footer">
      <div class="effect">
        <div class="content">
          <div class="fix" id="fcolumns_container">
            <div class="fcol">
              <div class="fcol_pad">
                <h3 class="footer-site-title"><a title="Home" href="http://wp-themes.com/" class="home">Theme Preview</a></h3>
              </div>
            </div>
            <div class="fcol">
              <div class="fcol_pad">
                <h3>Pages</h3>
                <div class="footer_nav">
                  <ul>
                    <li class="page_item page-item-2"><a title="About" href="http://wp-themes.com/?page_id=2">About</a></li>
                    <li class="page_item page-item-46"><a title="Parent Page" href="http://wp-themes.com/?page_id=46">Parent Page</a>
                      <ul class="children">
                        <li class="page_item page-item-49"><a title="Sub-page" href="http://wp-themes.com/?page_id=49">Sub-page</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="fcol">
              <div class="fcol_pad">
                <h3>Stay In Touch</h3>
                <div class="footer_nav">
                  <ul>
                    <li class="page_item page-item-2"><a title="About" href="http://wp-themes.com/?page_id=2">About</a></li>
                    <li class="page_item page-item-46"><a title="Parent Page" href="http://wp-themes.com/?page_id=46">Parent Page</a>
                      <ul class="children">
                        <li class="page_item page-item-49"><a title="Sub-page" href="http://wp-themes.com/?page_id=49">Sub-page</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="fcol">
              <div class="fcol_pad">
                <h3>More</h3>
                <div class="welcomemessage">Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the <a href="http://wp-themes.com/?feed=rss2">RSS feed</a>.</div>
              </div>
            </div>
            <div class="fcol">
              <div class="fcol_pad"> <span class="terms"> &copy; 2009 Theme Preview </span> </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <div class="clear"></div>
    <div class="pagelines" id="cred"> <a title="iBlog by PageLines" href="http://www.pagelines.com" target="_blank" class="plimage"> <img alt="iBlog by PageLines" src="http://wp-themes.com/wp-content/themes/iblog/images/pagelines.png"> </a> </div>
    <hr class="hidden">
  </div>
  <!--/wrapper --> 
  
</div>
<!--/page --> 

<!-- Footer Scripts Go Here --> 
<!-- End Footer scripts -->

</body>
</html>
